<html>
<head><title>Options :: TabShow</title></head>
<style type="text/css">
div#topline {background-image:url('revolver_t_48.png');background-repeat: no-repeat;padding:0 5px 5px 55px;border-bottom:1px dotted #999;}
body {font-family:Verdana,Courier}
h1 {margin:0;padding:0;}
span.byline {font-size:.7em;color:#999;}
span.byline a {color:#777;}
span.reviseline {font-size:54%; color:#999;}
span.reviseline a {color:#766}
input {font-size: 12px;border:1px solid #ccc;padding:6px; text-align:center}
label {font-size: 16px; margin-left:1em; display:block;}
.paras {font-size:14px;color:#999;display:block}
div#settings {margin-left:7px;}
div#settings p {border-bottom: 1px dotted #ccc; padding-bottom:3px;}
div#status {color:#ff0000; margin-top:5px;}
li {list-style-type:none}
td {padding-bottom:12px}
div#status {padding-left:15px}
#seconds {width:5em}
i {font-size:70%}
</style>
<body>
<div id="topline">
<h1>Tab Show</h1>
<span class="byline">by <a href="http://www.buildcontext.com/">Ben Hedrington</a> Twitter: <a href="http://twitter.com/benhedrington">@benhedrington</a></span>
<span class="reviseline"> / Revised by: <a>)|-(ice</a> - Twitter: <a href="http://twitter.com/joecih">@gmail.com</a></span>
</div>
<div id="settings">
<table>
	<ul>
		<tr>
			<li>
				<td align="right" width="5%"><input type="text" name="seconds" id="seconds"></td>
				<td><label for="seconds"><strong>Cycle Seconds</strong><p class="paras">The number of seconds to show the current tab before cycling to the next tab.</p></label></td>
			</li>
		</tr>
		<tr>
			<li>
				<td align="right" width="5%"><input type="checkbox" name="reload" id="reload"></td>
				<td><label for="reload"><strong>Tab Reload</strong><p class="paras">Check this box to reload the tab each time it is shown.</p></label></td>
			</li>
		</tr>
		<tr>
			<li>
				<td align="right" width="5%"><input type="checkbox" name="inactive" id="inactive"></td>
				<td><label for="inactive"><strong>Session Idle</strong><p class="paras">Rotate only when the session has become idle again. <br><i>.. ie, no mouse or click events.</i></p></label></td>
			</li>
		</tr>
		<tr>
			<li>
				<td align="right" width="5%"><input type="checkbox" name="browserfocus" id="browserfocus"></td>
				<td><label for="browserfocus"><strong>Work & Rotate</strong><p class="paras">Ability to continue rotation when focus is not on the browser. <br><i>.. ie, continue working on desktop and other applications.</p></label></td>
			</li>
		</tr>
	</ul>
</table>
<hr size="1">
<table>
	<tr style="left:5em">
		<td><button id="save">Save</button></td>
		<td><div id="status"></div></td>
	</tr>
</table>
</div>
</body>
<script type="text/javascript" src="options.js"></script>
</html>
